<farris-treetable #treeTable [data]="treeData" [columns]="treeCols" [idField]="idField" [showBorder]="false"
    [showHeader]="false" [singleSelect]="false" [onlySelectSelf]="true" [showFilterBar]="false" [checkOnSelect]="true"
    [keepSelect]="false" [showIcon]="false" [resizableColumns]="true" (nodeSelected)="selectNode($event)" [fit]="true"
    (nodeUnSelect)="unSelectNode($event)" [showCheckbox]="true" class="targetTreetable">
    <ng-template farrisTemplate="body" let-rowIndex let-rowNode let-rowData="rowData" let-columns="columns">
        <tr #row="row" [selectRow]="rowNode" [rowIndex]="" [dblclick]="true"
            [style.color]="rowNode.node.isRemoved || rowNode.node.isComplexField?'#a2a2a2':'#333'"
            [class.farris-table-selectedrow]="rowNode.isSelected" dndItem>
            <td style="border: 0">
                <farris-treeTableToggler [rowNode]="rowNode"></farris-treeTableToggler>
                <ng-container>
                    {{rowData['name']}} {{getBindingFieldInfo(rowNode)}}
                </ng-container>
            </td>
        </tr>
    </ng-template>

</farris-treetable>